import React, { Component } from 'react'
import { Context } from './App'

export default class Sun extends Component {
  //3. 将使用数据的组件结构, 通过Context.Comsumer包裹
  // 还需要在组件内部通过函数返回原来的组件结构
  // 函数的第一参数就是提供的数据
  render() {
    return (
      <Context.Consumer>
        {(date) => {
          return (
            <div>
              <h3>
                Sun-{date.num}-{date.count}
              </h3>
            </div>
          )
        }}
      </Context.Consumer>
    )
  }
}
